<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <div class="houdunren" data="hd">houdunren.com</div>
        <div class="hdcms">hdcms.com</div>
        <div class="xiangjun"><!--向军大叔--></div>
    </div>
</body>
</html>
<script>
    // const app = document.querySelector(`#app`);
    // console.log(app.children);//获取所有的子元素
    // console.log(app.firstElementChild);//获取第一个子元素
    // console.log(app.lastElementChild);//获取最后一个子元素

    // const hdcms = document.querySelector(".hdcms");
    // console.log(hdcms.parentElement);//获取父元素

    // console.log(hdcms.previousElementSibling);//上一个兄弟元素
    // console.log(hdcms.nextElementSibling);//下一个兄弟元素

    //html标签的父节点是document,但是父节点不存在
    // console.log(document.documentElement.parentNode === document);
    // console.log(document.documentElement.parentElement);

    

</script>